<!doctype html>
<link rel="stylesheet" href="s.css" />
<h1>Tests for <a href="../../">recipes</a>/<a href="../">ui</a>/separator</h1>

<p class="doc">Original examples by @chriscoyier <a href="http://jsfiddle.net/chriscoyier/GaEzp/35/">http://jsfiddle.net/chriscoyier/GaEzp/35/</a></p>

<hr class="ui-separator-gradient"/>

<hr class="ui-separator-gradient-2"/>

<hr class="ui-separator-gradient-3"/>

<hr class="ui-separator-dashed"/>

<hr class="ui-separator-dashed-2"/>

<hr class="ui-separator-dropshadow"/>

<hr class="ui-separator-dropshadow-2"/>

<hr class="ui-separator-shadow"/>

<br /> <!-- Need since the ui-separator-shadow use no height (so collapse with the previous)-->

<hr class="ui-separator-shadow-2"/>